import React from "react";
import { NavBar } from "antd-mobile";
import { Empty, Tabs } from "react-vant";
import { useNavigate } from "react-router-dom";
import ding from "./images/ding.jpg";
import styles from "./index.module.css";
const Index: React.FC = () => {
  const navigate = useNavigate();
  return (
    <div className={styles.dingdan}>
      <NavBar style={{ background: "#fff" }} onBack={() => navigate('/my')}>
        我的订单
      </NavBar>
      <Tabs active={0}>
        <Tabs.TabPane title="全部">
          <Empty
            imageSize={90}
            image={
              <img src={ding} />
            }
            description="您还没有订单哦~"
          />
          <div style={{ textAlign: "center"}}>
            <button className={styles.btn} onClick={() => navigate('/cate')}>去药品商城</button>
          </div>
        </Tabs.TabPane>
        <Tabs.TabPane title="待付款">
          <Empty description="暂无数据"></Empty>
        </Tabs.TabPane>
        <Tabs.TabPane title="待发货">
          <Empty description="暂无订单"></Empty>
        </Tabs.TabPane>
        <Tabs.TabPane title="待评价">
          <Empty description="暂无订单"></Empty>
        </Tabs.TabPane>
        <Tabs.TabPane title="退款/售后">
          <Empty description="暂无订单"></Empty>
        </Tabs.TabPane>
      </Tabs>
    </div>
  );
};

export default Index;
